@mixin px2rem($name, $px){
    #{$name}: $px / 75 * 1rem;
}

.flexbox{
    display: flex;
    display: -webkit-box;
}
body{
    background: #f8f3f7;
    @include px2rem(height,1500);
    font-family: "microsoft yahei";
}
.header{
    @include px2rem(padding-left,20);
    @include px2rem(padding-right,20);
    font-family: "microsoft yahei";
    @include px2rem(line-height,90);
    @include px2rem(height,90);
    @include px2rem(font-size,32);
    color: white;
    background: #e4366b;
    .top_pink{
        @extend .flexbox;
        text-align: center;
        align-items: center;
        justify-content: space-between;
        span{
            display: block;
        }
        img{
            display: block;
            @include px2rem(width,50);
            @include px2rem(height,25);
        }
    }
}

.section{
    background: #f8f3f7;
    font-family: "microsoft yahei";
    .time{
        background: #333333;
        @include px2rem(height,90);
        @include px2rem(line-height,90);
        @include px2rem(font-size,30);
        color: #f8f8f8;
        text-align: center;
        
    }
    .hsyf{
        @include px2rem(margin-top,30);
        @include px2rem(margin-right,96);
        @include px2rem(margin-bottom,42);
        @include px2rem(margin-left,96);
        text-align: center;
    }
    .jiaqian{
        text-align: center;
    }
    .scj{
        color:#727272;
        @include px2rem(margin-top,50);
        text-align: center;
        @include px2rem(font-size,24);
        span{
            color:#727272 ;
            text-decoration: line-through;
        }
    }
}


.footer{
    font-family: "microsoft yahei";
    background: linear-gradient(#656469,#4a4a52);
    @include px2rem(height,96);
    position: fixed;
    bottom: 0;
    width: 100%;
    @include px2rem(line-height,96);
    color: white;
    .menus{
        @extend .flexbox;
        @include px2rem(margin-top,28);
        li{
            flex:1;
            text-align: center;
            border-right: 1px solid #282828;
            &:last-child{
                border-right: none;        
            }
            span{
                display: block;
                @include px2rem(margin-top,-25);
                @include px2rem(font-size,36);
            }
            
        }
    }
}
